<template>
  <div class="min-h-screen bg-white">

    <!-- Main Content -->
    <main class="max-w-7xl mx-auto px-4 sm:px-5 lg:px-6 py-8">
      <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
        <!-- Left Column - Company Profile & Reviews -->
        <div class="lg:col-span-2 space-y-4">
          <!-- Company Profile Section -->
          <div class="bg-white rounded-lg border border-gray-200 p-6">
            <div class="flex items-start space-x-4">
              <!-- Company Logo -->
              <div
                class="w-16 h-16 rounded-full bg-yellow-400 flex items-center justify-center"
              >
                <svg
                  width="32"
                  height="32"
                  viewBox="0 0 24 24"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M6 10c0-3.314 2.686-6 6-6s6 2.686 6 6v1h1c1.105 0 2 .895 2 2v8c0 1.105-.895 2-2 2H5c-1.105 0-2-.895-2-2v-8c0-1.105.895-2 2-2h1v-1zm4 0c0-1.105.895-2 2-2s2 .895 2 2v1h-4v-1z"
                    fill="#000"
                  />
                </svg>
              </div>

              <!-- Company Info -->
              <div class="flex-1">
                <div class="flex items-center space-x-3 mb-2">
                  <h1 class="text-2xl font-bold text-gray-900">SSLs.com</h1>
                  <span class="text-gray-500">•</span>
                  <span class="text-gray-600">Claimed profile</span>
                </div>

                <div class="flex items-center space-x-4 mb-3">
                  <span class="text-gray-600">Reviews</span>
                  <span class="font-semibold">973</span>

                  <!-- Star Rating -->
                  <div class="flex items-center space-x-1">
                    <div class="flex">
                      <svg
                        v-for="i in 5"
                        :key="i"
                        class="w-4 h-4 text-green-500 fill-current"
                        viewBox="0 0 24 24"
                      >
                        <path
                          d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z"
                        />
                      </svg>
                    </div>
                    <span class="font-semibold">4.6</span>
                  </div>
                </div>

                <p class="text-gray-600 mb-4">Computer Security Service</p>

                <!-- Action Buttons -->
                <div class="flex space-x-3">
                  <button
                    class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md font-medium"
                  >
                    Write a review
                  </button>
                  <button
                    class="border border-gray-300 hover:border-gray-400 text-gray-700 px-4 py-2 rounded-md font-medium"
                  >
                    Visit website
                  </button>
                </div>
              </div>

            </div>
          </div>

          <!-- Info Banner -->
          <div
            class="bg-blue-50 border border-blue-200 rounded-lg p-4 flex items-start space-x-3"
          >
            <div class="flex-shrink-0">
              <svg
                class="w-5 h-5 text-blue-500"
                fill="currentColor"
                viewBox="0 0 20 20"
              >
                <path
                  fill-rule="evenodd"
                  d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z"
                  clip-rule="evenodd"
                />
              </svg>
            </div>
            <div class="text-sm text-blue-800">
              <p class="font-medium">
                Companies on Trustpilot can't offer incentives or pay to hide
                any reviews.
              </p>
            </div>
          </div>

          <!-- Rating Breakdown -->
          <div class="bg-white rounded-lg border border-gray-200 p-6">
            <div class="flex items-center justify-between mb-6">
              <div class="text-center">
                <div class="text-4xl font-bold text-gray-900 mb-1">4.6</div>
                <div class="text-green-600 font-medium mb-2">Excellent</div>
                <div class="flex justify-center mb-2">
                  <svg
                    v-for="i in 5"
                    :key="i"
                    class="w-5 h-5 text-green-500 fill-current"
                    viewBox="0 0 24 24"
                  >
                    <path
                      d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z"
                    />
                  </svg>
                </div>
                <div class="text-sm text-gray-600">973 reviews</div>
              </div>

              <div class="flex-1 max-w-xs ml-8">
                <div class="space-y-2">
                  <div
                    class="flex items-center space-x-3"
                    v-for="(rating, index) in ratingBreakdown"
                    :key="index"
                  >
                    <span class="text-sm text-gray-600 w-12"
                      >{{ rating.stars }}-star</span
                    >
                    <div class="flex-1 bg-gray-200 rounded-full h-2">
                      <div
                        class="h-2 rounded-full"
                        :class="
                          rating.stars === 5
                            ? 'bg-green-500'
                            : rating.stars === 4
                              ? 'bg-green-400'
                              : rating.stars === 3
                                ? 'bg-yellow-400'
                                : rating.stars === 2
                                  ? 'bg-orange-400'
                                  : 'bg-red-400'
                        "
                        :style="{ width: rating.percentage + '%' }"
                      />
                    </div>
                    <span class="text-sm text-gray-600 w-8"
                      >{{ rating.percentage }}%</span
                    >
                  </div>
                </div>
              </div>
            </div>

            <!-- Company Response Info -->
            <div class="border-t border-gray-200 pt-4">
              <div class="flex items-center space-x-2 text-sm text-gray-600">
                <svg
                  class="w-4 h-4 text-green-500"
                  fill="currentColor"
                  viewBox="0 0 20 20"
                >
                  <path
                    fill-rule="evenodd"
                    d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
                    clip-rule="evenodd"
                  />
                </svg>
                <span>Replied to 100% of negative reviews</span>
              </div>
              <div class="text-sm text-gray-500 mt-1">
                Typically replies within 24 hours
              </div>
              <div class="mt-3">
                <a href="#" class="text-blue-600 hover:underline text-sm">
                  How this company uses Trustpilot
                </a>
              </div>
            </div>
          </div>

          <!-- Review Summary Section -->
          <div class="bg-white rounded-lg border border-gray-200 p-6">
            <h2 class="text-xl font-bold text-gray-900 mb-4">Review summary</h2>
            <div class="text-gray-700 space-y-3 text-sm">
              <p>
                Reviewers overwhelmingly had a great experience with this
                company. Customers are pleased with the company's offerings,
                particularly highlighting the affordable prices and the ease
                with which they can acquire, deploy, and manage SSL
                certificates. Consumers appreciate the straightforward
                processes, from generating CSRs to setting up DNS entries, often
                resulting in quick certificate issuance.
              </p>
              <p>
                Many reviewers value the availability of trial periods, which
                allows them to test the service before committing to a purchase.
                People consistently praise the company's customer service,
                describing it as prompt, efficient, and helpful.
              </p>
              <button class="text-blue-600 hover:underline text-sm mt-2">
                See more
              </button>

              <div class="text-xs text-gray-500 mt-4 italic">
                Based on reviews, created with AI
              </div>
            </div>
          </div>

          <!-- See what reviewers are saying -->
          <div class="bg-white rounded-lg border border-gray-200 p-6">
            <h2 class="text-xl font-bold text-gray-900 mb-4">
              See what reviewers are saying
            </h2>
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
              <div class="space-y-4">
                <div class="flex items-start space-x-3">
                  <div
                    class="w-8 h-8 bg-blue-500 rounded-full flex items-center justify-center text-white text-sm font-semibold"
                  >
                    KE
                  </div>
                  <div class="flex-1">
                    <div class="text-sm text-gray-600 mb-1">
                      Kev • Jun 5, 2025
                    </div>
                    <div class="flex mb-2">
                      <svg
                        v-for="i in 5"
                        :key="i"
                        class="w-4 h-4 text-green-500 fill-current"
                        viewBox="0 0 24 24"
                      >
                        <path
                          d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z"
                        />
                      </svg>
                    </div>
                    <p class="text-gray-700 text-sm">
                      Wish I would have found this place earlier. I was buying
                      Godaddy ssls at a whopping $199!! But then on my last
                      renewal godaddy was having problems...
                    </p>
                    <button class="text-blue-600 hover:underline text-sm mt-1">
                      See more
                    </button>
                  </div>
                </div>
              </div>

              <div class="space-y-4">
                <div class="flex items-start space-x-3">
                  <div
                    class="w-8 h-8 bg-orange-500 rounded-full flex items-center justify-center text-white text-sm font-semibold"
                  >
                    NO
                  </div>
                  <div class="flex-1">
                    <div class="text-sm text-gray-600 mb-1">
                      NotAtWork • Updated Jan 6, 2025
                    </div>
                    <div class="flex mb-2">
                      <svg
                        v-for="i in 5"
                        :key="i"
                        class="w-4 h-4 text-green-500 fill-current"
                        viewBox="0 0 24 24"
                      >
                        <path
                          d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z"
                        />
                      </svg>
                    </div>
                    <p class="text-gray-700 text-sm">
                      I was looking for economical DV SSL Certificates to use on
                      several websites. The Free Trial option eased my worries
                      about giving ssls.com a try...
                    </p>
                    <button class="text-blue-600 hover:underline text-sm mt-1">
                      See more
                    </button>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <!-- Reviews Section -->
          <div class="bg-white rounded-lg border border-gray-200 p-6">
            <h2 class="text-xl font-bold text-gray-900 mb-6">All reviews</h2>

            <!-- Review Filters -->
            <div class="flex flex-wrap items-center gap-4 mb-6">
              <div class="flex items-center space-x-2">
                <input type="checkbox" id="5star" class="rounded" />
                <label for="5star" class="text-sm text-gray-600">5-star</label>
                <span class="text-sm text-gray-400">88%</span>
              </div>
              <div class="flex items-center space-x-2">
                <input type="checkbox" id="4star" class="rounded" />
                <label for="4star" class="text-sm text-gray-600">4-star</label>
                <span class="text-sm text-gray-400">4%</span>
              </div>
              <!-- Add more filters as needed -->
            </div>

            <!-- Individual Reviews -->
            <div class="space-y-6">
              <div
                v-for="review in reviews"
                :key="review.id"
                class="border-b border-gray-200 pb-6 last:border-b-0"
              >
                <div class="flex items-start space-x-4">
                  <div
                    class="w-10 h-10 bg-blue-500 rounded-full flex items-center justify-center text-white font-semibold"
                  >
                    {{ review.initials }}
                  </div>
                  <div class="flex-1">
                    <div class="flex items-center space-x-2 mb-2">
                      <span class="font-medium text-gray-900">{{
                        review.name
                      }}</span>
                      <span class="text-gray-500">•</span>
                      <span class="text-sm text-gray-600">{{
                        review.location
                      }}</span>
                      <span class="text-gray-500">•</span>
                      <span class="text-sm text-gray-600"
                        >{{ review.reviewCount }} review{{
                          review.reviewCount > 1 ? "s" : ""
                        }}</span
                      >
                    </div>

                    <div class="flex items-center space-x-2 mb-2">
                      <div class="flex">
                        <svg
                          v-for="i in review.rating"
                          :key="i"
                          class="w-4 h-4"
                          :class="
                            review.rating >= 4
                              ? 'text-green-500'
                              : review.rating >= 3
                                ? 'text-yellow-500'
                                : 'text-red-500'
                          "
                          fill="currentColor"
                          viewBox="0 0 24 24"
                        >
                          <path
                            d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z"
                          />
                        </svg>
                      </div>
                      <span class="text-sm text-gray-600">Verified</span>
                    </div>

                    <h3 class="font-semibold text-gray-900 mb-2">
                      {{ review.title }}
                    </h3>
                    <p class="text-gray-700 mb-3">{{ review.content }}</p>

                    <div
                      class="flex items-center space-x-4 text-sm text-gray-500"
                    >
                      <span>Date of experience: {{ review.date }}</span>
                    </div>

                    <div class="flex items-center space-x-4 mt-3">
                      <button
                        class="flex items-center space-x-1 text-sm text-gray-600 hover:text-gray-800"
                      >
                        <svg
                          class="w-4 h-4"
                          fill="none"
                          stroke="currentColor"
                          viewBox="0 0 24 24"
                        >
                          <path
                            stroke-linecap="round"
                            stroke-linejoin="round"
                            stroke-width="2"
                            d="M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 21h-4.017c-.163 0-.326-.02-.485-.06L7 20m7-10V5a2 2 0 00-2-2h-.095c-.5 0-.905.405-.905.905 0 .714-.211 1.412-.608 2.006L7 11v9m7-10h-2M7 20H5a2 2 0 01-2-2v-6a2 2 0 012-2h2.5"
                          />
                        </svg>
                        <span>Useful</span>
                      </button>
                      <button
                        class="flex items-center space-x-1 text-sm text-gray-600 hover:text-gray-800"
                      >
                        <svg
                          class="w-4 h-4"
                          fill="none"
                          stroke="currentColor"
                          viewBox="0 0 24 24"
                        >
                          <path
                            stroke-linecap="round"
                            stroke-linejoin="round"
                            stroke-width="2"
                            d="M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.367 2.684 3 3 0 00-5.367-2.684z"
                          />
                        </svg>
                        <span>Share</span>
                      </button>
                    </div>
                  </div>
                  <div class="text-sm text-gray-500">
                    {{ review.datePosted }}
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- Right Column - Company Details -->
        <div class="space-y-6">
          <!-- Company Details -->
          <div class="bg-white rounded-lg border border-gray-200 p-6">
            <h3 class="font-semibold text-gray-900 mb-4">Company details</h3>

            <div class="space-y-3 text-sm">
              <div class="flex items-center space-x-2">
                <span class="text-gray-600">#3 of 12 best companies in</span>
                <a href="#" class="text-blue-600 hover:underline"
                  >Computer Security Service</a
                >
              </div>
              <div class="flex items-center space-x-2">
                <span class="text-gray-600">#12 of 17 best companies in</span>
                <a href="#" class="text-blue-600 hover:underline"
                  >Internet Shop</a
                >
              </div>
            </div>

            <div class="mt-6">
              <h4 class="font-medium text-gray-900 mb-3">About SSLs.com</h4>
              <div class="text-sm text-gray-600 space-y-3">
                <p>Written by the company</p>
                <p>
                  SSLs.com is committed to making the Internet a safer place,
                  one affordable SSL certificate at a time. We believe that SSL
                  is for everyone, whatever their technical knowledge, website
                  size, or budget. SSLs.com first launched in 2009, and since
                  then, we have issued more than 1.5 million certificates,
                  helping over 260k customers secure their sites.
                </p>
              </div>
              <button class="text-blue-600 hover:underline text-sm mt-2">
                See more
              </button>
            </div>
          </div>

          <!-- Contact Info -->
          <div class="bg-white rounded-lg border border-gray-200 p-6">
            <h3 class="font-semibold text-gray-900 mb-4">Contact info</h3>

            <div class="space-y-3">
              <div class="flex items-start space-x-2">
                <svg
                  class="w-4 h-4 text-gray-400 mt-0.5"
                  fill="none"
                  stroke="currentColor"
                  viewBox="0 0 24 24"
                >
                  <path
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    stroke-width="2"
                    d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
                  />
                  <path
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    stroke-width="2"
                    d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"
                  />
                </svg>
                <div class="text-sm text-gray-600">
                  <div>West Olympic Boulevard 11400, 90064,</div>
                  <div>Phoenix, United States</div>
                </div>
              </div>

              <div class="flex items-center space-x-2">
                <svg
                  class="w-4 h-4 text-gray-400"
                  fill="none"
                  stroke="currentColor"
                  viewBox="0 0 24 24"
                >
                  <path
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    stroke-width="2"
                    d="M3 8l7.89 4.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
                  />
                </svg>
                <a
                  href="mailto:support@ssls.com"
                  class="text-blue-600 hover:underline text-sm"
                  >support@ssls.com</a
                >
              </div>

              <div class="flex items-center space-x-2">
                <svg
                  class="w-4 h-4 text-gray-400"
                  fill="none"
                  stroke="currentColor"
                  viewBox="0 0 24 24"
                >
                  <path
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    stroke-width="2"
                    d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"
                  />
                </svg>
                <a
                  href="https://ssls.com"
                  class="text-blue-600 hover:underline text-sm"
                  >ssls.com</a
                >
              </div>
            </div>
          </div>

          <!-- People also looked at -->
          <div class="bg-white rounded-lg border border-gray-200 p-6">
            <h3 class="font-semibold text-gray-900 mb-4">
              People also looked at
            </h3>

            <div class="space-y-4">
              <div
                v-for="company in relatedCompanies"
                :key="company.name"
                class="flex items-center space-x-3"
              >
                <div
                  class="w-10 h-10 bg-gray-200 rounded flex items-center justify-center"
                >
                  <span class="text-xs font-medium text-gray-600">{{
                    company.initials
                  }}</span>
                </div>
                <div class="flex-1">
                  <div class="font-medium text-gray-900 text-sm">
                    {{ company.name }}
                  </div>
                  <div class="text-xs text-gray-500">{{ company.domain }}</div>
                  <div class="flex items-center space-x-1 mt-1">
                    <div class="flex">
                      <svg
                        v-for="i in Math.floor(company.rating)"
                        :key="i"
                        class="w-3 h-3 text-green-500 fill-current"
                        viewBox="0 0 24 24"
                      >
                        <path
                          d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z"
                        />
                      </svg>
                    </div>
                    <span class="text-xs text-gray-600"
                      >{{ company.rating }} ({{ company.reviewCount }})</span
                    >
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </main>

    <!-- Footer -->
    <footer class="bg-gray-900 text-white mt-16">
      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
        <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
          <div>
            <div class="flex items-center space-x-2 mb-4">
              <svg
                width="24"
                height="24"
                viewBox="0 0 24 24"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z"
                  fill="#00B67A"
                />
              </svg>
              <span class="text-xl font-bold">Trustpilot</span>
            </div>
          </div>

          <div>
            <h4 class="font-semibold mb-4">About</h4>
            <ul class="space-y-2 text-sm text-gray-300">
              <li><a href="#" class="hover:text-white">About us</a></li>
              <li><a href="#" class="hover:text-white">Jobs</a></li>
              <li><a href="#" class="hover:text-white">Contact</a></li>
              <li><a href="#" class="hover:text-white">Blog</a></li>
            </ul>
          </div>

          <div>
            <h4 class="font-semibold mb-4">Community</h4>
            <ul class="space-y-2 text-sm text-gray-300">
              <li><a href="#" class="hover:text-white">Trust in reviews</a></li>
              <li><a href="#" class="hover:text-white">Help Center</a></li>
              <li><a href="#" class="hover:text-white">Log in</a></li>
              <li><a href="#" class="hover:text-white">Sign up</a></li>
            </ul>
          </div>

          <div>
            <h4 class="font-semibold mb-4">Businesses</h4>
            <ul class="space-y-2 text-sm text-gray-300">
              <li>
                <a href="#" class="hover:text-white">Trustpilot Business</a>
              </li>
              <li><a href="#" class="hover:text-white">Products</a></li>
              <li><a href="#" class="hover:text-white">Plans & Pricing</a></li>
              <li><a href="#" class="hover:text-white">Business Login</a></li>
            </ul>
          </div>
        </div>

        <div class="border-t border-gray-800 mt-8 pt-8 text-sm text-gray-400">
          <p>&copy; 2025 Trustpilot, Inc. All rights reserved.</p>
        </div>
      </div>
    </footer>
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";

// Sample data
const ratingBreakdown = ref([
  { stars: 5, percentage: 88 },
  { stars: 4, percentage: 4 },
  { stars: 3, percentage: 1 },
  { stars: 2, percentage: 1 },
  { stars: 1, percentage: 6 },
]);

const reviews = ref([
  {
    id: 1,
    name: "Premier Printers, Calicut, IND",
    initials: "PP",
    location: "IN",
    reviewCount: 1,
    rating: 5,
    title: "Best place to have your SSL",
    content:
      "While many organizations provide ssl certificates, SSLs stand different because its easy to acquire, best support and easy to deploy. Furthermore the rate is very much reasonable.",
    date: "July 07, 2025",
    datePosted: "Jul 16, 2025",
  },
  {
    id: 2,
    name: "customer",
    initials: "CU",
    location: "US",
    reviewCount: 1,
    rating: 5,
    title: "It was really easy to get a SSL from",
    content:
      "It was really easy to get a SSL from SSLs.com and the can't beat their prices. Their support helped me get the SSL I needed for my WordPress blog website and also helped me installed it!!!",
    date: "July 07, 2025",
    datePosted: "Jul 16, 2025",
  },
  {
    id: 3,
    name: "Mohamed El hefny",
    initials: "ME",
    location: "SA",
    reviewCount: 2,
    rating: 1,
    title: "I did not get my product until now",
    content:
      "I did not get my product until now, due to the excellent procedure",
    date: "July 06, 2025",
    datePosted: "Jul 15, 2025",
    hasReply: true,
    reply: {
      author: "SSLs.com",
      date: "Jul 15, 2025",
      content:
        "Dear Mohamed, Thank you for sharing your concerns with us. We have checked your case, and since we can't disclose information publicly, we sent an email to the address associated with your SSLs.com account and provided detailed explanations about the current status of your SSL certificate and instructions for the next steps. Please remember that our Support Team is always glad to help you with any additional questions you have.",
    },
  },
  {
    id: 4,
    name: "Kev",
    initials: "KE",
    location: "US",
    reviewCount: 1,
    rating: 5,
    title: "100% perfection!!",
    content:
      "Wish I would have found this place earlier. I was buying Godaddy ssls at a whopping $199!! But then on my last renewal godaddy was having problems and i couldnt get a new ssl installed. They made something easy as difficult as it could possibly be. SSLs.com was easy, verification through email and install was easy with cpanel (like it should be). Will use SSLs.com forever now!",
    date: "June 03, 2025",
    datePosted: "Jun 5, 2025",
  },
]);

const relatedCompanies = ref([
  {
    name: "SSL.com",
    domain: "ssl.com",
    initials: "SSL",
    rating: 4.9,
    reviewCount: "2K",
  },
  {
    name: "SoftwarePin",
    domain: "softwarepin.com",
    initials: "SP",
    rating: 4.8,
    reviewCount: "363",
  },
  {
    name: "Vaulted",
    domain: "vaulted.com",
    initials: "VC",
    rating: 4.6,
    reviewCount: "123",
  },
  {
    name: "Network Solutions",
    domain: "www.networksolutions.com",
    initials: "NS",
    rating: 4.5,
    reviewCount: "7K",
  },
]);

function openTrustpilotInEditor() {}
</script>
